<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta itemprop="name" content="晶钻工业科技-宁波晶钻工业科技有限公司">
    <meta name="keywords" content="晶钻工业科技、宁波晶钻工业科技有限公司、宁波晶钻">
    <meta name="description" itemprop="description" content="宁波晶钻工业科技有限公司坐落于美丽的东海之滨-宁波市，公司拥有多名跨行业外籍及海归研究员、教授、博士，与中国科学院宁波材料所共建技术研发中心，并同日本、美国多家跨国公司、大学、研究所建立长期战略联盟..." >
    <title>会员个人中心</title>
    <link rel="shortcut icon" href="../../../logo.ico"/> 
    <link rel="stylesheet" href="__PUBLIC__/css/user_center.css"/>
</head>
<body>
  <!-- 网站会员个人中心页头部 start -->
  <include file="Public:header" />
  <!-- 网站会员个人中心页头部 end -->
  <!-- 网站会员个人中心页主体 start -->
  <main class="site-user-center-container wrapper">
    <!-- 左导航栏 -->
    <section class="user-center-left">
      <div class="user-center-leftsidebar">
        <h2><i class="icon-user"></i>会员中心</h2>
        <div class="user-center-fun">
          <dl class="user-center-dl">
            <dt class="user-center-dt">
              <h3 class="dt-title">我的交易(3)</h3>
            </dt>
            <dd class="user-center-dd">
              <a href="#">我的订单</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">评论商品</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">以旧换新</a>
            </dd>
          </dl>
          <dl class="user-center-dl">
            <dt class="user-center-dt">
              <h3 class="dt-title">我的资产(4)</h3>
            </dt>
            <dd class="user-center-dd">
              <a href="#">我的积分</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">我的抵用券</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">我的礼品卡</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">账户余额</a>
            </dd>
          </dl>
          <dl class="user-center-dl">
            <dt class="user-center-dt">
              <h3 class="dt-title">我的关注(3)</h3>
            </dt>
            <dd class="user-center-dd">
              <a href="#">商品收藏</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">店铺收藏</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">宁钻社区</a>
            </dd>
          </dl>
          <dl class="user-center-dl">
            <dt class="user-center-dt">
              <h3 class="dt-title">在线客服(3)</h3>
            </dt>
            <dd class="user-center-dd">
              <a href="#">在线退货</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">在线退换货</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">发票中心</a>
            </dd>
          </dl>
          <dl class="user-center-dl">
            <dt class="user-center-dt">
              <h3 class="dt-title">会员资料(3)</h3>
            </dt>
            <dd class="user-center-dd">
              <a href="#">个人资料</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">地址管理</a>
            </dd>
            <dd class="user-center-dd">
              <a href="#">安全设置</a>
            </dd>
          </dl>
          <dl class="user-center-dl">
            <dt class="user-center-dt">
              <h3 class="dt-title">企业用户(1)</h3>
            </dt>
            <dd class="user-center-dd">
              <a href="#">企业用户</a>
            </dd>
          </dl>
        </div>
      </div>
      <div class="left-banner">
        <div>
          <a href="#"><img src="__PUBLIC__/img/user/center/banner1.jpg" alt="广告图1"></a>
        </div>
        <div>
          <a href="#"><img src="__PUBLIC__/img/user/center/banner2.jpg" alt="广告图2"></a>
        </div>
      </div>
    </section>
    <!-- 右边的主要信息 -->
    <section class="user-center-rightcontent">
      <!-- 头部的个人信息 -->
      <div class="rightcontent-top">
        <!-- 用户信息 -->
        <div class="user-info">
          <div class="user-img">
            <img src="__PUBLIC__/img/user/center/avatar.png" alt="头像">
            <span>16574765784</span>
          </div>
          <div class="user-contact">
            <span>电话: 2475494744577</span>
            <span>邮箱: 12345678@163.com</span>
            <span>地址:</span>
            <span>浙江省宁波市宁波晶钻有限公司</span>
          </div>
        </div>
        <!-- 右边广告 -->
        <div class="right-banner">
          <a href="#"><img src="__PUBLIC__/img/user/center/banner3.jpg" alt="广告图3"></a>
        </div>
      </div>
      <!-- 用户订单 -->
      <div class="user-orders">
        <header>
          <h3>全部订单(4)</h3>
          <span>我的订单 <i>&gt;</i></span>
        </header>
        <!-- 头部参数说明 -->
        <div class="user-orders-header">
          <span class="prod">产品</span>
          <span class="param">参数</span>
          <span class="num">数量</span>
          <span class="total">单价</span>
          <span class="tran">运输进度</span>
        </div>
        <!-- 钻石列表 -->
        <div class="user-orders-content">
          <!-- 购物车钻石列表 -->
          <ul class="user-orders-list">
            <for start="1" end="5">
              <li class="user-orders-item">
                <a href="#">
                  <div class="item-prod">
                    <img src="__PUBLIC__/img/goods/diamond/1.png" alt="钻石缩略图">
                    <h3>宁波晶钻工业科技 热销钻石</h3>
                  </div>
                  <!-- 参数 -->
                  <div class="item-param">
                    <span>颜色:F</span>
                    <span>克拉:VVS2</span>
                    <span>切工:IDEAL</span>
                  </div>
                  <!-- 数量 -->
                  <div class="item-num">
                    <span>1</span>
                  </div>
                  <!-- 总价  -->
                  <span class="item-total">$
                    <em>179.50</em>
                  </span>
                  <!-- 选择 -->
                  <span class="item-tran">
                    运输中
                  </span>
                </a>
              </li>
            </for>
          </ul>
        </div>
      </div>
      <!-- 用户收藏 -->
      <div class="user-favorites">
        <header class="header-title" id="user_favor">
          <h3 class="active">商品收藏</h3>
          <h3>购物足迹</h3>
        </header>
        <div class="goods-list-wrapper">
          <div class="selected">
            <ul class="goods-list">
              <for start="1" end="11">
                <li class="goods-item">
                  <img src="__PUBLIC__/img/user/center/1.jpg" alt="钻石图片">
                  <h4>热销钻戒</h4>
                  <a href="#">了解详情</a>
                </li>
              </for>
            </ul>
          </div>
          <div>
            <ul class="goods-list">
              <for start="1" end="11">
                <li class="goods-item">
                  <img src="__PUBLIC__/img/user/center/2.jpg" alt="钻石图片">
                  <h4>热销钻戒</h4>
                  <a href="#">了解详情</a>
                </li>
              </for>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </main>
  <!-- 网站会员个人中心页主体 end -->
  <!-- 网站会员个人中心页底部 start -->
  <footer>
    
  <!-- <include file="Public:footer"/> -->
  </footer>
  <!-- 网站会员个人中心页底部 end -->
  <!-- 引入相关的js文件 start -->
  <!-- 条件注释：如果IE浏览器的版本小于9则引入该文件以支持html5的新标签 -->
  <!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.js"></script>
  <![endif]-->
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <script src="__PUBLIC__/js/user_center.js"></script>
  <!-- 引入相关的js文件 end -->
</body>
</html>